<template>
<div>
     <a-steps :current="current" style="position:relative;top:-50px">
      <!-- <a-step v-for="item in steps" :key="item.title" :title="item.title" /> -->
      <a-step title="邮箱验证"></a-step>
      <a-step title="密码修改" style="position:relative;left:-170px"></a-step>
      <a-step title="修改成功" style="position:relative;left:-150px"></a-step>
    </a-steps>
      <a-result
    status="success"
    title="Successfully Change Your Password!"
    class="result"
  >
    <template #extra>
    </template>
  </a-result>
        <a-button type="primary" @click="toLogin" style="position:relative;top:-104px">Return to Log in</a-button>
</div>

</template>
<script>
export default {
  data() {
    return {
        current:2
    };
  },
  methods:{
    toLogin(){
            this.$router.push('/login')
        }
  }
};
</script>

<style lang="less" scoped>
.result{
    position: relative;
    top: -70px;
}
</style>